import React from 'react'
import './StyleGray.css'
function StyleRGBA(props) {
    return (
        <>
            <div >
                <span style={{ width: '16px', height: '16px', marginRight: '8px', backgroundColor: 'red' }}>&nbsp;&nbsp;&nbsp;&nbsp;</span>
                <span>波段{props.styleObj.bands[0] + 1}:{props.styleObj.vranges[0].minval} ~ {props.styleObj.vranges[0].maxval}</span>
            </div>
            <div >
                <span style={{ width: '16px', height: '16px', marginRight: '8px', backgroundColor: 'green' }}>&nbsp;&nbsp;&nbsp;&nbsp;</span>
                <span>波段{props.styleObj.bands[1] + 1}:{props.styleObj.vranges[1].minval} ~ {props.styleObj.vranges[1].maxval}</span>
            </div>
            <div >
                <span style={{ width: '16px', height: '16px', marginRight: '8px', backgroundColor: 'blue' }}>&nbsp;&nbsp;&nbsp;&nbsp;</span>
                <span>波段{props.styleObj.bands[2] + 1}:{props.styleObj.vranges[2].minval} ~ {props.styleObj.vranges[2].maxval}</span>
            </div>
            <div>
                <span style={{
                width:'16px',height:'16px',marginRight:'8px',
                background: "url('') left center"
                }}
                >&nbsp;&nbsp;&nbsp;&nbsp;
                </span>
                <span>波段{props.styleObj.bands[3] + 1}:{props.styleObj.vranges[3].minval} ~ {props.styleObj.vranges[3].maxval}</span>
            </div>
            <div style={{ clear: 'both' }}></div>


        </>
    )
}

export default StyleRGBA
